$height: 16px;
$width: 16px;

.component {
  :global {
    .SimpleCheckbox_check {
      &:not(.SimpleCheckbox_checked),
      &.SimpleCheckbox_checked {
        height: $height;
        width: $width;
      }

      &.SimpleCheckbox_checked {
        &::after {
          border-width: 0 1px 1px 0;
          height: 7px;
          margin-left: -0.5px;
          width: 3px;
        }
      }
    }
  }

  label {
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 0 10px;
    user-select: none;
  }
}
